<gm:page title="SDP Mashup Demo" authenticate="true" onload="centerMap('id_map_travelmeetup','id_addr')">

<gm:tabs target="main"/>

<gm:container id="main">
<gm:section id="section1" title="TravelMeetup">
<script src=resources/gtravelplan.js"></script>
<table width="1400" border="0">
<tr valign="top">
<td width="100">
<!-- Section 1: Group List -->
<table width="100">
<tr>
<td>
<gm:list id="id_contacts" data="${app}/contacts" pagesize="10" template="template_list_contacts">
<gm:handleEvent event="select" src="id_map_travelmeetup"/>
</gm:list>
</td>
</tr>
<tr><td colspan="2"><font color="blue"> Powered by SDP</font></td><tr>


<tr valign="top">
<td class="placesPanel">
<div id="popup_conf_g" onclick="confCallInvoke('id_contacts',1);">
<img src="resources/images.jpg"/> <div>
</td>
</tr>


<tr valign="top">
<td class="placesPanel">
<div id="popup_sms_g" onclick="telcoSvcMeetup('gsms', 'Group SMS ', 'id_msg_prefix', 'title', 'id_contacts', 'id_places', 1,0);">
<img src="resources/groupSend.jpg" alt="sms list"/>
</div>
</td>
</tr>

<tr valign="top">
<td class="placesPanel">
<div id="popup_sms_g2" onclick="telcoSvcMeetup('gsms', 'Group SMS ', 'id_msg_prefix', 'title', 'id_contacts', 'id_places', 1,1);">
<img src="resources/ipaq.jpg" alt="sms detail"/>
</div>
</td>
</tr>

<!-- Flikr List of Photos -->
<tr><td colspan="2"><span id="id_flikr">
<font color="green"> Powered by Flikr </font> </span>
<input type="button" value="Pictures" onclick="handlePicture('id_places', 'id_photos_list');"/>
</td></tr>

<tr valign="top">
<td class="placesPanel">
<gm:list id="id_photos_list" data="http://pipes.yahoo.com/pipes/pipe.run?_id=YMMJFk_V3BGkmke9w5tC8g&_render=rss&locationinput1=Barcelona&poi=SHOPPING" pagesize="10" template="templatePhotosList"/>
</td>
</tr>

</table>

</td>
<!-- Section 1: Map -->

<td class="mainPanel" width="1000">

<gm:map id="id_map_travelmeetup" data="${id_contacts}" geolocationref="gmd:location" latref="geo:lat" lngref="geo:long" zoom="14" infotemplate="templatemap">
<gm:handleEvent src="id_contacts"/>
<gm:handleEvent src="id_places"/>
</gm:map>

<!-- <gm:map id="id_map_travelmeetup" data="${id_contacts}" zoom="10" infotemplate="templatemap"> -->
</td>
<!-- Section 1: Locations -->
<td width="400">
<table width="400">
<tr>
<td colspan="2">
Category <input type="text" id="id_visit" size="12" name="input_visit" value="Shopping"/>
<br/> with &gt; <input type ="text" id="id_star" size="1" value="4"/> Stars <input type="button" value="find" onclick="findPOIPlaces(1,0,0,'id_map_travelmeetup')"/>
</td>
</tr>
<tr valign="top">
<td class="placesPanel">
<input type="button" value="MapIt" onclick="findPOIPlaces(0,1,0,'id_map_travelmeetup')"/>
<input type="button" value="Clear and MapIt" onclick="findPOIPlaces(0,1,1,'id_map_travelmeetup')"/>
<input type="button" value="Pictures" onclick="findPictures('id_photos_list')"/>
</td>
</tr>
<tr valign="top">
<td class="placesPanel">
<gm:list id="id_places" template="template_list_places" pageSize="5">
<gm:handleEvent event="select" src="id_map_travelmeetup"/>
</gm:list>
</td>
</tr>
<tr valign="top">
<td class="placesPanel">
<input type ="text" id="id_addr" size="20" value="Barcelona"/> <input type="button" value="Center Map" onclick="centerMap('id_map_travelmeetup','id_addr')"/>
</td>
</tr>

</table>
</td>
</tr>
</table>

<p/>


</gm:section>
<gm:section id="section2" title="Setup">
<table class="blue-theme" border="1"
cellpadding="3" cellspacing="1">
<tr><td colspan="2"><font color="blue"> Powered by Service Delivery Platform</font></td><tr>
<tr><td>Location Feed:</td><td>
<div>
<input type="button" name="set" value="Disable" onclick="return setRecurTimerOff()"/>
<input type="button" name="set" value="Enable" onclick="return setRecurTimerOn()"/>
</div>
</td></tr>
<tr><td>GroupList Message Prefix:</td>
<td>
<div>
<input type ="text" id="id_msg_prefix" size="50" value=" "/>
<input type="button" name="set" value="set" onClick="return setText(this, 'id_msg_prefix')"/>
</div>
</td>
</tr>

<tr><td>Star Rating Greater than:</td>
<td>
<div>
<!-- <input type ="text" id="id_star" size="3" value=""/> Stars -->
</div>
</td>
</tr>

<tr><td>Reference Address</td>
<td>
<div>
<input type ="text" id="id_addr2" size="20" value="Calle de la Junta de Comercio, 13 Ppal, 08001 Barcelona"/>
</div>
</td>
</tr>
</table>

</gm:section>
</gm:container>

<gm:template id="templatemap">
<b><i>Contact Information:</i></b>
<table>
<tr repeat="true">
<td><gm:text ref="atom:title"/>
<b><gm:html ref="atom:summary"/></b>
</td>
</tr>
</table>
</gm:template>

<gm:template id="template_list_contacts">
<div style="width:200px">
<table class="blue-theme" style="width:200px">
<thead>
<tr>
<th></th>
<th>Contact</th>
<th></th>
</tr>
</thead>
<tbody repeat="true">
<tr>
<td style="width:1px"><gm:toggle/></td>
<td><gm:text ref="atom:title"/></td>
<td style="width:1px"><gm:editButtons/></td>
</tr>
<tr class="gm-toggled">
<td colspan="3"><gm:text ref="gmd:location" hint="address"/></td>
</tr>
<tr class="gm-toggled">
<td colspan="3"><gm:html ref="atom:summary" hint="Phone Number"/></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" align="center"><gm:pager compact="true"/></td>
</tr>
</tfoot>
<div style="margin-top:5px" align="center">
<gm:create label="Add new contact"/>
</div>
</table>

</div>
</gm:template>

<!-- flikr photo display -->

<gm:template id="templatePhotosList">
<div repeat="true" style="float:left">
<gm:html ref="atom:summary"/>
</div>
</gm:template>


<!-- SECTION 1: List of Favorite Resturants. Ability to Map them -->
<gm:template id="template_list_places">

<table class="blue-theme" border="1" cellpadding="3" cellspacing="1">

<thead><tr><td>List of Places</td>
<td>Summary</td>
</tr></thead>
<tbody repeat="true"><tr><td width=100><gm:html ref="atom:title"/></td>
<td width=500> <gm:html ref="atom:summary"/> </td>
</tr>
</tbody>
</table>
</gm:template>

<!-- SECTION 2 -->

<!-- JAVASCRIPT -->

</gm:page>


